<!doctype html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
<link type="text/css" rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}">
<link type="text/css" rel="stylesheet" th:href="@{/static/css/setting.css}">
<link type="text/css" rel="stylesheet" th:href="@{/static/css/header.css}">
<link th:href="@{/static/css/layer.css}" type="text/css" rel="stylesheet">
<script type="text/javascript" th:src="@{/static/js/jquery-1.11.3.js}"></script>
<script type="text/javascript" th:src="@{/static/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/setting.js}"></script>
<script type="text/javascript" th:src="@{/static/js/header.js}"></script>
<script type="text/javascript" th:src="@{/static/js/layer.js}"></script>
<meta charset="utf-8">
<title>个人中心</title>
</head>

<body>
<header>
	<div th:include="user/header :: header"></div>
</header>
<div class="container-my">
	<nav>
		<ul class="nav nav-setting">
			<li class="nav-active">
				<a href="#one" data-toggle="tab">安全级别</a>
			</li>
			<li>
				<a href="#password" data-toggle="tab" onClick="">密码修改</a>
			</li>
			<li>
				<a href="#email" data-toggle="tab" onClick="">邮箱修改</a>
			</li>
		</ul>
	</nav>
	<article>
		<div class="tab-content tab-setting">
			<div class="tab-pane fade in active" id="one">
				<div class="tab-item">
					<h3 class="tab-title">安全级别</h3>
					<div class="safetypage"></div>
				</div>
			</div>
			<div class="tab-pane fade" id="password">
				<div class="tab-item">
				<h3 class="tab-title">修改密码</h3>
				<div th:include="user/setting/changePwd :: changePwd"></div>
				</div>
			</div>
			<div class="tab-pane fade" id="email">
				<div class="tab-item">
					<h3 class="tab-title">邮箱修改</h3>
					<div th:include="user/setting/changeEmail :: changeEmail"></div>
				</div>
			</div>
		</div>
	</article>
	<div class="clear"></div>
</div>
</body>
</html>
